<template>
  <div class="component">
    <div v-if="arr.title !== ''" class="title">{{ arr.title }}</div>
    <Content v-for="(v, i) in arr.content" :key="i" :arr="v" />
  </div>
</template>
<script>
import Content from "./Content.component.vue";
export default {
  data() {
    return {};
  },
  props: ["arr"],
  components: {
    Content,
  },
};
</script>
<style lang="less" scoped>
.component {
  width: 100%;
  padding: 0 0 0 0.15rem;
  border-radius: 0.15rem;
  background-color: #fff;
  margin-bottom: 0.25rem;
  .title {
    padding: 0.3rem 0 0.25rem 0.2rem;
    border-bottom: 0.01rem solid #eee;
    font-size: 0.2rem;
  }
}
</style>